﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">
    <title>Beyond Admin - Landing</title>
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/pe.css">
    <link rel="stylesheet" href="assets/css/ecommerce-page.min.css">
</head>
<body class="ecommerce-page">
    <div class="parallax-image-wrapper parallax-image-wrapper-100"
         data-anchor-target="#slide-cover"
         data-bottom-top="transform:translate3d(0px, 200%, 0px)"
         data-top-bottom="transform:translate3d(0px, 0%, 0px)">
        <div class="parallax-image parallax-image-100"
             style="background-image: url(assets/img/search-bg.jpg)"
             data-anchor-target="#slide-cover"
             data-bottom-top="transform: translate3d(0px, -80%, 0px);"
             data-top-bottom="transform: translate3d(0px, 80%, 0px);"></div>
    </div>
    <div class="parallax-image-wrapper parallax-image-wrapper-100"
         data-anchor-target="#slide-video"
         data-bottom-top="transform:translate3d(0px, 200%, 0px)"
         data-top-bottom="transform:translate3d(0px, 0%, 0px)">
        <div class="parallax-image parallax-image-100"
             style="background-image: url(assets/img/video-bg-2.jpg)"
             data-anchor-target="#slide-video"
             data-bottom-top="transform: translate3d(0px, -80%, 0px);"
             data-top-bottom="transform: translate3d(0px, 80%, 0px);"></div>
    </div>
    <nav class="navbar navbar-default navbar-fixed-top" data-anchor-target="#slide-cover" data-0="@class:navbar navbar-default navbar-fixed-top;" data-0-top="@class:navbar navbar-default navbar-fixed-top other-pages;">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand page-scroll" href="/landing.html/#slide-cover">
                <img src="assets/img/logo.png" />
            </a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a class="page-scroll" href="/landing.html/#slide-products">Top Products</a>
                </li>
                <li>
                    <a class="page-scroll" href="/landing.html/#slide-slogan">How to buy</a>
                </li>
                <li>
                    <a class="page-scroll" href="/landing.html/#slide-video">Video Toturial</a>
                </li>
                <li>
                    <a class="page-scroll" href="/landing.html/#slide-features">Features</a>
                </li>
                <li>
                    <a class="page-scroll" href="/landing.html/#slide-testimonial">Testimonials</a>
                </li>
                <li>
                    <a class="page-scroll" href="/landing.html/#slide-map">Contact</a>
                </li>
                <li>
                    <a class="signin" href="">Sing In</a>
                </li>
            </ul>
        </div><!--/.nav-collapse -->
    </nav>
    <!-- Full Width Search Form -->
    <form class="header-search" action="" method="get"
          data-anchor-target="#slide-cover" data-0="margin-top:-300px;" data-350-start="visibility:visible; margin-top:0;">
        <input class="search-text" name="q" type="text" placeholder="Enter Product Name">
        <a class="search-btn"><i class="pe-search"></i></a>
    </form>
    <div id="skrollr-body">
        <!-- Cover Slide -->
        <div class="gap gap-100 slide-cover" id="slide-cover" style="background-image: url(assets/img/search.-bg.jpg);">
            <div class="cover-container">
                <h1 class="cover-statement">
                    Find the best prices for products
                </h1>
                <form class="cover-search" action="" method="get">
                    <input class="search-text" name="q" type="text" placeholder="Enter Product Name">
                    <a class="search-btn" type="submit"><i class="pe-search"></i></a>
                </form>
                <div class="cover-link">
                    <a class="page-scroll" href="/landing.html/#slide-products">
                        <span>
                            Featured Products
                        </span>
                    </a>
                </div>
            </div>
        </div>
        <!-- Products Slide -->
        <div class="gap gap-100 slide-products" id="slide-products">
            <div class="products-title">
                <a href="" class="more-link">Best Selling Products</a>
            </div>
            <div class="product-items">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="item">
                                <div class="ribbon new">
                                    <label>new</label>
                                </div>
                                <img src="assets/img/products/p8.png" class="product-image" />
                                <span class="product-description">
                                    <span class="product-name">
                                        Lumia 950
                                    </span>
                                    <span class="product-desc">
                                        High-end features, premium design, and the best Windows 10 experience – get the phone that works like your PC and turn an ordinary moment into your biggest accomplishment.
                                    </span>
                                    <span class="product-price">
                                        <span class="price">$999</span>
                                        <i class="pe-check available"></i>
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="item">
                                <img src="assets/img/products/p9.png" class="product-image" />
                                <span class="product-description">
                                    <span class="product-name">
                                        Apple Watch 2
                                    </span>
                                    <span class="product-desc">
                                        Our custom alloy is 60 per cent stronger than standard aluminium, but just as light. And it’s available in four finishes — silver, space grey, yellow gold and rose gold.
                                    </span>
                                    <span class="product-price">
                                        <span class="price">$499</span>
                                        <i class="pe-check available"></i>
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="item">
                                <img src="assets/img/products/p7.png" class="product-image" />
                                <span class="product-description">
                                    <span class="product-name">
                                        Mac Pro
                                    </span>
                                    <span class="product-desc">
                                        When we began work on the next Mac Pro, we considered every element that defines a pro computer — graphics, storage, expansion, processing power and memory.
                                    </span>
                                    <span class="product-price">
                                        <span class="price">$2500</span>
                                        <i class="pe-check available"></i>
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="item">
                                <div class="ribbon sale">
                                    <label>sale</label>
                                </div>
                                <img src="assets/img/products/p3.png" class="product-image" />
                                <span class="product-description">
                                    <span class="product-name">
                                        Iphone 5S
                                    </span>
                                    <span class="product-desc">
                                        If you buy iPhone for T-Mobile, it will arrive with a nano-SIM card already installed that you can activate by visiting an Apple Store or a T-Mobile store.
                                    </span>
                                    <span class="product-price">
                                        <span class="price">$350</span>
                                        <i class="pe-close-circle outofstock"></i>
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="item">
                                <img src="assets/img/products/p4.png" class="product-image" />
                                <span class="product-description">
                                    <span class="product-name">
                                        Surface Pro 3
                                    </span>
                                    <span class="product-desc">
                                        The 12-inch Surface Pro 3 is the tablet that can replace your laptop (Type Cover and Surface Pen sold separately).
                                    </span>
                                    <span class="product-price">
                                        <span class="price">$699</span>
                                        <i class="pe-check available"></i>
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="item">
                                <img src="assets/img/products/p5.png" class="product-image" />
                                <span class="product-description">
                                    <span class="product-name">
                                        Surface Pro 4
                                    </span>
                                    <span class="product-desc">
                                        Surface Pro 4 powers through tough tasks, while being lighter than ever at 1.73 pounds (786g). The 12.3-inch PixelSense display has extremely high contrast and low glare.
                                    </span>
                                    <span class="product-price">
                                        <span class="price">$899</span>
                                        <i class="pe-close-circle outofstock"></i>
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="item">
                                <img src="assets/img/products/p6.png" class="product-image" />
                                <span class="product-description">
                                    <span class="product-name">
                                        Surface 3
                                    </span>
                                    <span class="product-desc">
                                        With the ability to run desktop software, a USB port, and an integrated Kickstand, Surface 3 is the perfect productivity device for school, home, and on the go. Includes Office 365 Personal.
                                    </span>
                                    <span class="product-price">
                                        <span class="price">$499</span>
                                        <i class="pe-check available"></i>
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="item">
                                <img src="assets/img/products/p2.png" class="product-image" />
                                <span class="product-description">
                                    <span class="product-name">
                                        Apple Iphone 6
                                    </span>
                                    <span class="product-desc">
                                        4.7-inch (diagonal) LED-backlit widescreen Multi‑Touch display with IPS technology. 1334-by-750-pixel resolution at 326 ppi
                                    </span>
                                    <span class="product-price">
                                        <span class="price">$500</span>
                                        <i class="pe-close-circle outofstock"></i>
                                    </span>
                                </span>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            
        </div>
        <!-- Slogan Slide -->
        <div class="gap slide-slogan" id="slide-slogan">
            <div class="block-wrapper inner-content">
                <div class="slogan">
                    <p class="slogan-title">
                        How we find <span class="title-word">Best Prices</span>
                        <br />
                        for each product?
                    </p>
                    <div class="slogan-separator"></div>
                    <p class="slogan-description">
                        Lorem ipsum dolor sit amet, ex nec elitr virtute, dicit singulis ea vel. Affert alienum ne sea, at eum unum eius, audire ponderum et usu. Possim periculis dissentiet ne usu. No his justo omittantur. Ei quo sumo intellegebat, eu oratio deserunt tacimates per, quo sonet nominavi voluptaria an. Eros graecis recteque te per.
                        Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo, te amet quaestio eam. Eam ex graece complectitur. Eu augue doctus ocurreret pro, has appareat similique accommodare eu.
                    </p>
                    <p class="slogan-description">
                        Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo, te amet quaestio eam. Eam ex graece complectitur. Eu augue doctus ocurreret pro, has appareat similique accommodare eu.
                    </p>
                    <div class="slogan-action">
                        <a href="">
                            lets see our best <span class="action-word">offers</span> of today!
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- Video Slide -->
        <div class="gap gap-100 slide-video" id="slide-video" style="background-image: url(assets/img/video-bg-2.jpg);">
            <div class="video-wrapper">
                <img src="assets/img/video-bg-2.jpg" class="video-bg-2" id="video-bg-2" />
                <video id="beyondadmin-video" poster="data:image/gif,AAAA">
                    <source type="video/mp4" />
                </video>
            </div>
            <div class="video-statement">
                <p class="statement-title">
                    How to Buy Video
                </p>
                <p class="statement-description">
                    See how we helped them get the best price for the products that they wanted to buy. On an average our customers save 25% on their enterprise costs. On an average our customers save 25% on their enterprise costs.
                </p>
                <i class="pe-play" onclick=" vidplay() "></i>
            </div>
        </div>
        <!-- Features Slide -->
        <div class="content slide-features" id="slide-features">
            <div class="row">
                <div class="col-lg-6 col-sm-12">
                    <div class="features-text ">
                        <div class="heading">
                            <h3>Microsoft Surface Pro 3</h3>
                        </div>
                        <div>
                            <p>
                                Lorem ipsum dolor sit amet, ex nec elitr virtute, dicit singulis ea vel. Affert alienum ne sea, at eum unum eius, audire ponderum et usu. Possim periculis dissentiet ne usu. No his justo omittantur. Ei quo sumo intellegebat, eu oratio deserunt tacimates per, quo sonet nominavi voluptaria an. Eros graecis recteque te per.
                                <br />
                                Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo, te amet quaestio eam. Eam ex graece complectitur. Eu augue doctus ocurreret pro, has appareat similique accommodare eu.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-12">
                    <div class="features-image">
                        <img alt="Microsoft Health" style="width: 60%;" src="assets/img/products/p5.png" />
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-sm-12">
                    <div class="features-image">
                        <img alt="Microsoft Health" style="width: 75%;" src="assets/img/products/p8.png" />
                    </div>
                </div>
                <div class="col-lg-6 col-sm-12">
                    <div class="features-text ">
                        <div class="heading">
                            <h3>Lumia 950 XL</h3>
                        </div>
                        <div>
                            <p>
                                Lorem ipsum dolor sit amet, ex nec elitr virtute, dicit singulis ea vel. Affert alienum ne sea, at eum unum eius, audire ponderum et usu. Possim periculis dissentiet ne usu. No his justo omittantur. Ei quo sumo intellegebat, eu oratio deserunt tacimates per, quo sonet nominavi voluptaria an. Eros graecis recteque te per.
                                <br />
                                Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo, te amet quaestio eam. Eam ex graece complectitur. Eu augue doctus ocurreret pro, has appareat similique accommodare eu.
                            </p>
                            <p>
                                Lorem ipsum dolor sit amet, ex nec elitr virtute, dicit singulis ea vel. Affert alienum ne sea, at eum unum eius, audire ponderum et usu. Possim periculis dissentiet ne usu. No his justo omittantur. Ei quo sumo intellegebat, eu oratio deserunt tacimates per, quo sonet nominavi voluptaria an. Eros graecis recteque te per.
                                <br />
                                Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo, te amet quaestio eam. Eam ex graece complectitur. Eu augue doctus ocurreret pro, has appareat similique accommodare eu.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-sm-12">
                    <div class="features-text ">
                        <div class="heading">
                            <h3>Apple Iphone 6</h3>
                        </div>
                        <div>
                            <p>
                                Lorem ipsum dolor sit amet, ex nec elitr virtute, dicit singulis ea vel. Affert alienum ne sea, at eum unum eius, audire ponderum et usu. Possim periculis dissentiet ne usu. No his justo omittantur. Ei quo sumo intellegebat, eu oratio deserunt tacimates per, quo sonet nominavi voluptaria an. Eros graecis recteque te per.
                                <br />
                                Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo, te amet quaestio eam. Eam ex graece complectitur. Eu augue doctus ocurreret pro, has appareat similique accommodare eu.
                            </p>
                            <p>
                                Lorem ipsum dolor sit amet, ex nec elitr virtute, dicit singulis ea vel. Affert alienum ne sea, at eum unum eius, audire ponderum et usu. Possim periculis dissentiet ne usu. No his justo omittantur. Ei quo sumo intellegebat, eu oratio deserunt tacimates per, quo sonet nominavi voluptaria an. Eros graecis recteque te per.
                                <br />
                                Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo, te amet quaestio eam. Eam ex graece complectitur. Eu augue doctus ocurreret pro, has appareat similique accommodare eu.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-12">
                    <div class="features-image">
                        <img alt="Microsoft Health" style="width: 25%" src="assets/img/products/p2.png" />
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="touts-container">
                <div class="toutsList">
                    <div class="row">
                        <div class="col-lg-3 col-sm-6 col-xs-12">
                            <div class="tout">
                                <div class="image-container">
                                    <i class="pe-users"></i>
                                </div>
                                <div class="text-container">
                                    <h3>2K+ Products</h3>
                                    <p>
                                        Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo, te amet quaestio eam. Eam ex graece complectitur.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 col-xs-12">
                            <div class="tout">
                                <div class="image-container">
                                    <i class="pe-tools"></i>
                                </div>
                                <div class="text-container">
                                    <h3>Easy to Fix</h3>
                                    <p>
                                        Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo, te amet quaestio eam. Eam ex graece complectitur.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 col-xs-12">
                            <div class="tout">
                                <div class="image-container">
                                    <i class="pe-albums"></i>
                                </div>
                                <div class="text-container">
                                    <h3>Big Resellers</h3>
                                    <p>
                                        Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo, te amet quaestio eam. Eam ex graece complectitur.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 col-xs-12">
                            <div class="tout">
                                <div class="image-container">
                                    <i class="pe-display1"></i>
                                </div>
                                <div class="text-container">
                                    <h3>Easy to Use</h3>
                                    <p>
                                        Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo, te amet quaestio eam. Eam ex graece complectitur.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Testimonial Slide -->
        <div class="content slide-testimonial" id="slide-testimonial">
            <div class="testimonial-header">
                <div class="testimonial-title">
                    Testimonials
                </div>
                <div class="testimonial-arrow">
                    <i class="pe-bottom-arrow"></i>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-sm-4 col-xs-12">
                    <div class="testimonial-item">
                        <div class="avatar">
                            <img src="assets/img/avatars/avatar1.jpg" />
                        </div>
                        <div class="qoute">
                            Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo graece.
                        </div>
                        <div class="splitter"></div>
                        <div class="person">
                            <span class="name">John Doe</span>,
                            <span class="position">Creative Director</span>
                            <div class="website">
                                <a href="google.com">Micrsoft Corp</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4 col-xs-12">
                    <div class="testimonial-item">
                        <div class="avatar">
                            <img src="assets/img/avatars/avatar2.jpg" />
                        </div>
                        <div class="qoute">
                            Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo graece.
                        </div>
                        <div class="splitter"></div>
                        <div class="person">
                            <span class="name">John Doe</span>,
                            <span class="position">Creative Director</span>
                            <div class="website">
                                <a href="google.com">Micrsoft Corp</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4 col-xs-12">
                    <div class="testimonial-item">
                        <div class="avatar">
                            <img src="assets/img/avatars/avatar3.jpg" />
                        </div>
                        <div class="qoute">
                            Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo graece.
                        </div>
                        <div class="splitter"></div>
                        <div class="person">
                            <span class="name">John Doe</span>,
                            <span class="position">Creative Director</span>
                            <div class="website">
                                <a href="google.com">Micrsoft Corp</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-sm-4 col-xs-12">
                    <div class="testimonial-item">
                        <div class="avatar">
                            <img src="assets/img/avatars/allison.jpg" />
                        </div>
                        <div class="qoute">
                            Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo graece.
                        </div>
                        <div class="splitter"></div>
                        <div class="person">
                            <span class="name">John Doe</span>,
                            <span class="position">Creative Director</span>
                            <div class="website">
                                <a href="google.com">Micrsoft Corp</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4 col-xs-12">
                    <div class="testimonial-item">
                        <div class="avatar">
                            <img src="assets/img/avatars/jared.jpg" />
                        </div>
                        <div class="qoute">
                            Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo graece.
                        </div>
                        <div class="splitter"></div>
                        <div class="person">
                            <span class="name">John Doe</span>,
                            <span class="position">Creative Director</span>
                            <div class="website">
                                <a href="google.com">Micrsoft Corp</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4 col-xs-12">
                    <div class="testimonial-item">
                        <div class="avatar">
                            <img src="assets/img/avatars/andy.jpg" />
                        </div>
                        <div class="qoute">
                            Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo graece.
                        </div>
                        <div class="splitter"></div>
                        <div class="person">
                            <span class="name">John Doe</span>,
                            <span class="position">Creative Director</span>
                            <div class="website">
                                <a href="google.com">Micrsoft Corp</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Map Slide -->
        <div id="slide-map" class="content slide-map">
            <div class="map-haeder">
                <div class="map-title">Find and Buy Us a Coffee!</div>
            </div>
            <div class="map-container">
                <div class="map-overlay-top"></div>
                <div class="map" id="map"></div>
                <div class="map-overlay-bottom"></div>
            </div>

        </div>
        <!-- Footer -->
        <div id="slide-footer" class="slide-footer">
            <div class="footer-description">
                Ludus expetenda et his, per an fugit debet docendi. Aeque argumentum ea duo, te amet quaestio eam. Eam ex graece complectitur.
                <br />
                Aeque argumentum ea duo, te amet quaestio eam.
            </div>
            <div class="footer-title">
                Beyond Themes
            </div>
            <div class="footer-address">
                233 River Road
                <br />
                New London CT 06320
            </div>
            <div class="footer-tel">
                (412) 317-3700
            </div>
            <div class="footer-mail">
                info@beyond.com
            </div>
            <div class="footer-links">
                <a href="" class="link">Facebook</a> /
                <a href="" class="link">Twitter</a> /
                <a href="" class="link">Google+</a>
            </div>
        </div>
    </div>
    <!-- Main Refs -->
    <script src="assets/js/jquery-2.0.3.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Parallax -->
    <script type="text/javascript" src="assets/js/skrollr.min.js"></script>
    <!-- Scrooling -->
    <script src="assets/js/jquery.easing.1.3.js"></script>
    <!-- Map -->
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script src="assets/js/gmaps/gmaps.min.js"></script>
    <!-- App -->
    <script src="assets/js/app.js"></script>
</body>
</html>